<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../style/index.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
    <link rel="stylesheet" href="../libs/font-awesome-4.7.0/css/font-awesome.css">
    <link rel="stylesheet" href="../libs/bootstrap-5.3.0-alpha1-dist/css/bootstrap.css">
    <script src="../js/vue-2.6.12.js"></script>
    <script src="../js/axios-0.21.0.js"></script>
    <script src="../js/vue-router-3.4.9.js"></script>
    <script src="../js/qs-6.9.4.js"></script>
</head>

<body id="app">
    <div class="headers">
        <div>
            <img src="../imgs/沃尔玛.png" alt="" onclick="rf()" class="animate__animated animate__backInLeft">
        </div>
        <div>
            <a href="#" data-bs-toggle="modal" data-bs-target="#exampleModal">修改密码</a>

            <a href="#">个人中心</a>
            <a href="../views/login.html">退出登录</a>
        </div>
    </div>
    <div class="containers">
        <div class="containers-left">
            <!-- 工作台 -->
            <div class="dropdown">
                <!--data-toggle=" dropdown" 默认是隐藏哦,自动的触发事件下拉;-->
                <a href="./worktable.html" target="tv"><i class="fa fa-cog" aria-hidden="true"></i>&nbsp;工作台&nbsp;</a>

            </div>
            <!-- 会员管理 -->
            <div>
                <!--data-toggle=" dropdown" 默认是隐藏哦,自动的触发事件下拉;-->
                <a href="./member/index.html" target="tv"><i class="fa fa-address-card"
                        aria-hidden="true"></i></i>&nbsp;会员管理&nbsp;</i></a>

            </div>
            <!-- 类别管理 -->
            <div>
                <!--data-toggle="dropdown" 默认是隐藏哦,自动的触发事件下拉;-->
                <a href="../views/category/index.html" target="tv"><i class="fa fa-bars"
                        aria-hidden="true"></i></i>&nbsp;类别管理&nbsp;</i></a>

            </div>
            <!-- 商品管理 -->
            <div>
                <!--data-toggle="dropdown" 默认是隐藏哦,自动的触发事件下拉;-->
                <a href="../views/brand/index.html" target="tv"><i class="fa fa-btc"
                        aria-hidden="true"></i>&nbsp;商品管理&nbsp;</a>

            </div>
            <!-- 员工管理 -->
            <div>
                <!--data-toggle="dropdown" 默认是隐藏哦,自动的触发事件下拉;-->
                <a href="../views/emp/index.html" target="tv"><i class="fa fa-address-card-o"
                        aria-hidden="true"></i>&nbsp;员工管理&nbsp;</a>

            </div>

        </div>

        <div class="containers-right">
            <iframe src="./worktable.html" frameborder="0" name="tv"></iframe>
        </div>

        <!-- 修改用户密码的模态框 -->
        <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h1 class="modal-title fs-5" id="exampleModalLabel">修改密码</h1>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                        <form>
                            <div class="form-group">
                                <label for="add-ename">原密码:</label>
                                <input type="password" class="form-control" id="add-ename" placeholder="请输入原密码">
                            </div>
                            <div class="form-group">
                                <label for="add-ename">新密码:</label>
                                <input type="password" class="form-control" id="add-ename" placeholder="请输入新密码">
                            </div>
                            <div class="form-group">
                                <label for="add-ename">确认密码:</label>
                                <input type="password" class="form-control" id="add-ename" placeholder="请确认密码">
                            </div>
                        </form>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">取消</button>
                        <button type="button" class="btn btn-primary" onclick="btn()">提交</button>
                    </div>
                </div>
            </div>
        </div>


    </div>
</body>
<script src="../libs/bootstrap-5.3.0-alpha1-dist/js/bootstrap.bundle.js"></script>
<script>
    // 点击图标跳转到主页
    function rf() {
        location.href = "index.html"
    }
    /* 关闭按钮 */
    function btn() {
        /*   let addename = document.getElementById("add-ename")
          console.log(addename.value); */
        let _exampleModal = document.getElementById("exampleModal")
        let _model = document.getElementsByClassName("modal-backdrop show")
        _exampleModal.style.display = "none";
        _model[0].style.opacity = "0"
        setTimeout(() => {
            window.location.reload()
        }, 2000);
    }
  /* const app = new Vue({
       el:"#app",
       data:{},
       methods:{},
       created(){
           axios.get("/shop/isLogin").then(resp=> {
                 if(!resp.data){
                     location.href="/shop/views/login.html"
                 }
           }).catch(e=>{
               console.log(e)
           })
       }
   })*/

</script>

</html>